<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <style>
        textarea:focus {
            background-color: skyblue;
        }

        input:focus {
            background-color: skyblue;
        }

        body {
            font: 16px "Microsoft Yahei";
            background-image: url(images/bj1.jpg);
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-size: 100%;
        }

        td,
        textarea，th {
            color: rgb(49, 20, 110);

        }
        .btl {
    border: top 1px #edeef0 solid ;
    border-bottom: 3px skyblue solid;
    height: 60px;
    background-color:#b6e5de;
}
.btl a {
    background-color: chartreuse;
    border-radius: 50%;
            text-decoration: none;
            display: inline-block;
            height: 60px;
          padding: 0 160px;
          font-size: 20px;
          color: rgb(8, 8, 8);
          
        }
        .btl a:hover{
            color:red;
        }
    </style>
</head>

<body>
    <div  align="center" class="btl"><a href="index.html">首页</a><a href=login.html >登录</a><a href="#">交流讨论</a><a
        href="#">留言板</a></div>
    <form action="demo.php" method="POST" name="个人信息">
        <table width="100"align="center">
            <tr>
                <td><label for="username">用户名：</label></td>
                <td><input id="username" type="text" name="username" value="请输入用户名" maxlength="6"><br></td>
            </tr>
            <tr>
                <td><label for="pwd">密码：</label></td>
                <td><input id="pwd" type="password" name="pwd"><br></td>
            </tr>
            <tr>
                <td>性别:</td>
                <td><label for="nan">男：</label><input id="nan" type="radio" name="sex" value="男"
                        checked="checked"><label for="nv">女：</label><input id=nv type="radio" name="sex" value="女"><br>
                </td>
            </tr>
            <tr>
                <td>籍贯：</td>
                <td><select>
                        <option value="山东">山东</option>
                        <option value="河北">河北</option>
                        <option value="江西" selected="selected">江西</option>
                        <option value="福建">福建</option>
                        <option value="广东">广东</option>
                    </select><br></td>
            <tr>
                <td>爱好：</td>
                <td><label for="study"></label>学习<input id="study" type="checkbox" name="hobby" value="学习">
                    <label for="ball"></label>打球<input id="ball" type="checkbox" name="hobby" value="打球">
                    <label for="music"></label>听音乐<input id="music" type="checkbox" name="hobby" value="听音乐">
                    <label for="run"></label> 跑步<input id="run" type="checkbox" name="hobby" value="跑步">
                    <label for="cinima"></label>看电影<input id="cinima" type="checkbox" name="hobby" value="看电影">
                    <label for="traver"></label>旅游<input id="traver" type="checkbox" name="hobby" value="旅游">
                    <label for="game"></label>打游戏<input id="game" type="checkbox" name="hobby" value="打游戏">
                </td>
            </tr>
            <tr>
                <td><label for="dream">留言：</label></td>
                <td>
                    <textarea name="dream" id="dream" cols="30" rows="5">请写下你的梦想！</textarea>
                </td>
            </tr>
            <tr>
                <td>上传头像:</td>
                <td><input type="file"></td>
            </tr>
            <tr><td><label for="phonenumber">手机号:</label></td><td><input type="tel" id="phonemunber" value="请输入手机号" maxlength="11"></td> <td><input type="button" value="获取短信验证码"></td></tr>
            <tr>
                <td><input type="reset" value="重新填写">
                </td>
                <td><input type="submit" value="免费注册"></td>
            </tr>
        </table>
    </form>
</body>

</html>